<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="__PUBLIC__/echarts/echarts.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="__CSS__/admin.css"  media="all">
</head>
<style>

    .xinxi li{
        min-height:40px ;
        line-height: 40px;
        margin: 2.5px 0;
        background: #fff;
        border-radius: 5px;
        padding: 0 10px;
    }
    .xinxi{

        padding: 50px;
    }
    /*.layui-form select{*/
        /*display: inline-block;*/
    /*}*/

    .titles{
        display: inline-block;
        width: 100px;
        /*text-align: right;*/
        text-align:justify;
        text-align-last:justify;
        margin-right: 15px;

    }
    .ming{
        display:inline-block;
        height: 100%;
        /*width: 150px;*/
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

</style>
<body>
    <div class="layui-container " style="background: #f3efef ;    height: auto;">

        <ul class="xinxi layui-container">

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">订单编号:</span>
                    <span>{$dats.order_no}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">商品名:</span>
                    <a href="{$dats.refUrl}" {notempty name="$dats.hasRef"}target="_blank"{/notempty}>
                        <span class="ming" title="{$dats.goods.goods_name}">{$dats.goods.goods_name}</span>
                        {notempty name='$dats.refTag'}
                        <span class="layui-badge layui-bg-green">{$dats.refTag}</span>
                        {/notempty}
                    </a>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">商品编号:</span>
                    <span class="ming" title="{$dats.goods.goods_id}">{$dats.goods.goods_id}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">套餐名:</span>
                    <span class="ming" title="{$dats.grade_name}">{$dats.grade_name}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">商品来源:</span>

                    <span>
                        {switch name="$dats.goods.show"}
                    {case value="1"}自营{/case}
                    {case value="2"}第三方{/case}
                    {default /}其他
                    {/switch}
                    </span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">是否二次确认:</span>

                    <span>
                        {switch name="$dats.speedstatus"}
                    {case value="0"}不需要确认{/case}
                    {case value="1"}确认中{/case}
                    {case value="2"}确认完成{/case}
                    {case value="3"}确认中{/case}
                    {default /}
                    {/switch}
                    </span>
                </div>
            </li>
            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">会员名:</span>
                    <span>{$dats.member.member_nickname}</span>
                </div>
            </li>



            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">联系人:</span>
                    <span>{$dats.contact_xing}{$dats.contact_ming}</span>
                </div>
            </li>


            <!--<li class="layui-row">-->
                <!--<div class="layui-col-xs6 ">-->
                    <!--<span class="titles">名:</span>-->
                    <!--<span></span>-->
                <!--</div>-->
            <!--</li>-->


            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">微信号:</span>
                    <span>{$dats.wechat_number}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">手机号:</span>
                    <span>{$dats.phone}</span>
                </div>
            </li>
            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">邮箱:</span>
                    <span>{$dats.e_mail}</span>
                </div>
            </li>
            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">购买数量:</span>
                    <span>{$dats.totalnum}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">订单状态:</span>
                    <span>
                         {switch name="dats.order_status"}
                    {case value="1"}待付款{/case}
                    {case value="2"}已付款待使用{/case}
                    {case value="3"} 已使用待评价 {/case}
                    {case value="4"} 已评价 {/case}
                    {case value="5"} 退款中 {/case}
                    {case value="6"} 已取消 {/case}
                    {case value="7"} 已过期 {/case}
                    {case value="8"} 已退款 {/case}
                    {case value="9"} 拒绝退款 {/case}
                    {default /}default
                    {/switch}
                    </span>
                </div>
            </li>




            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">出行日期:</span>
                    <span style="color: red">
                         {$dats.travel_date}
                        </span>
                </div>
            </li>


            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles" >订单原金额:</span>
                    <span style="color: red">{$dats.original_money}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">折扣后金额:</span>
                    <span   style="color: red">
                         {$dats.fold_money}
                    </span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">下单时间:</span>
                    <span>{$dats.creattime|date='Y-m-d H:i:s',###}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">更新时间:</span>

                    <span>{$dats.updatetime|date='Y-m-d H:i:s',###}</span>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">接待地址:</span>
                    <p>{$dats.serve_address}</p>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">备注:</span>
                    <p>{$dats.remarks}</p>
                </div>
            </li>

            <li class="layui-row">
                <div class="layui-col-xs12 ">
                    <span class="titles">出行信息</span>
                    <p>
                    <table class="layui-table" lay-even="" lay-skin="line">
                        <colgroup>
                            <col width="8%">
                            <col width="8%">
                            <col width="8%">
                            <col width="8%">
                        </colgroup>
                        <thead>

                        <tr>
                            <th>出行人群</th>
                            <th>购买数量</th>
                            <th>单价</th>
                            <th>出行时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name='person' id='vo'}
                        <tr>
                            <td>{$vo.person_name}</td>
                            <td>{$vo.person_num}</td>
                            <td>{$vo.person_price}</td>
                            <td>{$vo.chuxing}</td>
                        </tr>
                        {/volist}

                        </tbody>
                    </table>
                    </p>
                </div>
            </li>
        </ul>

    </div>
    <script src="__PUBLIC__/layui/layui.js"></script>
    <script src="__PUBLIC__/jquery/jquery.min.js"></script>

        <script>
            var message;
            layui.config({
                base: '__JS__/',
                version: '1.0.1'
            }).use(['app', 'message'], function() {
                var app = layui.app,
                    $ = layui.jquery,
                    layer = layui.layer;
                //将message设置为全局以便子页面调用
                message = layui.message;
                //主入口
                app.set({
                    type: 'iframe'
                }).init();
            });
        </script>
        <script type="text/javascript">

            $('.delete').click(function(){
                var id = $(this).attr('codeid');

                layer.confirm('确定要删除?', function(index) {
                    $.ajax({
                        url:"{:url('admin/coupon/delcoupon')}",
                        data:{id:id},
                        success:function(res) {
                            layer.msg(res.msg);
                            if(res.code == 1) {
                                setTimeout(function(){
                                    location.reload();
                                },1500)
                            }
                        }
                    })
                })
            })
            $('.shelves').click(function(){
                var id = $(this).attr('codeid');
                var goods_status= $(this).attr('data-id');
                layer.confirm('是否确定取消订单？，取消后不可恢复', function(index) {
                    $.ajax({
                        url:"{:url('admin/order/cancel')}",
                        data:{id:id,goods_status:goods_status},
                        success:function(res) {
                            layer.msg(res.msg);
                            if(res.code == 1) {
                                setTimeout(function(){
                                    location.reload();
                                },1500)
                            }
                        }
                    })
                })
            })



            // $('.copy').click(function(){
            //     var id = $(this).attr('codeid');
            //     layer.confirm('确定复制吗?', function(index) {
            //         $.ajax({
            //             url:"{:url('admin/trip/copytrip')}",
            //             data:{id:id},
            //             success:function(res) {
            //                 layer.msg(res.msg);
            //                 if(res.code == 1) {
            //                     setTimeout(function(){
            //                         location.reload();
            //                     },1500)
            //                 }
            //             }
            //         })
            //     })
            // })

        </script>
        <script type="text/javascript">
            layui.use('layer', function(){
                var layer = layui.layer;
                $('.a_menu').click(function(){
                    var url = $(this).attr('href');
                    var a = 0;
                    $.ajax({
                        url:url
                        ,async:false
                        ,success:function(res){
                            if(res.code == 0) {
                                layer.msg(res.msg);
                                a = 1;
                            }
                        }
                    })
                    if(a === 0) {
                        layer.open({
                            type:2,
                            content:url,
                            area: ['700px', '680px'],
                            end:function(){
                                location.reload();
                            }
                        });
                    }
                    return false;
                })

                $('.preview').click(function(){
                    var url = $(this).attr('href');
                    layer.open({
                        type:2,
                        content:url,
                        area: ['550px', '400px']
                    });
                    return false;
                })
            });
        </script>

</body>
</html>
